tailwind flex order

112

flex direction tailwind -

<div class="flex flex-row-reverse ...">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

tailwind flex order -

<p class="order-1"></p>		=> order: 1;
<p class="order-2"></p>		=> order: 2;
<p class="order-3"></p>		=> order: 3;
<p class="order-4"></p>		=> order: 4;
<p class="order-5"></p>		=> order: 5;
<p class="order-6"></p>		=> order: 6;
<p class="order-7"></p>		=> order: 7;
<p class="order-8"></p>		=> order: 8;
<p class="order-9"></p>		=> order: 9;
<p class="order-10"></p>	=> order: 10;
<p class="order-11"></p>	=> order: 11;
<p class="order-12"></p>	=> order: 12;
<p class="order-first"></p>	=> order: -9999;
<p class="order-last"></p>	=> order: 9999;
<p class="order-none"></p>	=> order: 0;

Comments

Submit
0 Comments